page{
  width: 100%;
  height: 100%;
  background-color: #F1F5FB;
}
.container{
  position: relative;
  width: 100%;
  .container-header{
    position: relative;
    .container-header-background{
      background-color: #AED477;
      width: 100%;
      height: 284rpx;
      .container-header-background-selectdate{
        background-color: #BDDB90;
        margin: 0 32rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 28rpx;
        color: #fff;
        border-radius: 21rpx;
        padding:10rpx 24rpx;
        .container-header-background-selectdate-icon{
          width: 8rpx;
          height: 11rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .select-date{
          font-size: 40rpx;
          line-height: 56rpx;
          font-weight: bold;
        }
        .qianhou{
          padding:0 12rpx;
        }
      }
    }
  }
  .container-main{
    position: absolute;
    top:150rpx;
    width: 100%;
    .container-main-cardlist{
      .container-main-cardlist-item{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        color: #A6ADBF;
        font-size: 28rpx;
        padding:35rpx 45rpx;
        margin: 0 32rpx;
        margin-bottom: 24rpx;
        border-radius: 20rpx;
        .time-active{
          font-size: 48rpx;
          line-height: 67rpx;
          color: #1A1D26;
          font-weight: bold;
          padding-bottom:22rpx ;
        }
        .connecting-line-icon{
          width: 213rpx;
          height: 14rpx;
          display: flex;
          align-content: center;
          image{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}